<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<script type="text/javascript" src="js/jquery-1.4.js"></script>
		<!--  <script type="text/javascript" src="js/navigation.js"></script>-->
		<style>
body {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

td {
	text-align: center;
}

.style1 {
	font: 12px "宋体";
	color: #004C7E;
}

.style2 {
	font: 12px "宋体";
	color: #004C7E;
}

li {
	list-style-type: none;
	background: url(images/list_task.jpg);
	height:20px;
	
	/*margin-left:-20px*/
}

ul {
margin:auto;
margin-left:-40;
text-align: center;
}

a {
	color: #004C7E;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}
</style>
		<style type="text/css">
#menu {
	width: 162px;
}

.has_children {
	background: url(images/list_task.jpg);
	color: #004C7E;
	cursor: pointer;
	
}

.highlight {
	color: #fff;
	background: #46A3FF;
}

div {
	padding: 0;
	margin: 10px 0;
}

div.panel,span.style2
{
margin:0px;
padding:5px;
text-align:center;
background:	#C4E1FF;
border:solid 1px #0000C6;
}

div.panel
{
height:120px;
display:none;
}

</style>

		<script type="text/javascript">
$(document).ready(function() {
	$(".has_children").children("ul").hide();
	$(".has_children").click(function() {
		$(this).siblings().children("ul").animate({opacity:"0"},500).hide(500);
		$(this).children("ul").animate({opacity:"1"},0).show(600).end();
		$(this).addClass("highlight");
		$(this).siblings().removeClass("highlight");
		$(this).siblings().children("ul").animate( {opacity : "0"}, 300).hide(300);
		
	});
	$(".style2").click(function(){
    $(".panel").slideToggle("slow");
  });
  
});


</script>
	</head>

	<body>
		<table width="166" height="100%" cellpadding="0" cellspacing="0">
			<tr>
				<td align="center" valign="top" bgcolor="D4ECFC">
					<table width="162" height="100%" cellpadding="0" cellspacing="0">
						<tr>
							<td align="center" background="images/list_top.gif" height="28"></td>
						</tr>



						<tr>
						<td height="150">

							<div id="menu">

								<div class="has_children" >
									<span class="title">客户档案</span>
									<ul>
									<li>
										<a href="ext/examples/grid/sliding-pager.html" target="I2">客户基本信息</a>
									</li>
									<li>
										<a href="ext/examples/grid/progress-bar-pager.html" target="I2">客户信贷资料</a>
									</li>
									<li>
										<a>客户大事记录</a>
									</li>
									<li>
										<a>客户财务档案</a>
									</li>
									<li>
										<a>操作日志</a>
									</li>
									</ul>
								</div>


								<div class="has_children">
									<span class="title">员工档案</span>
									<ul>
									<li>
										<a href="admin/employeeManage.jsp" target="I2">员工基本信息</a>
									</li>
									<li>
										<a href="admin/admin.jsp" target="I2">管理员基本信息</a>
									</li>
									<li>
										<a>员工权限账户</a>
									</li>
									<li>
										<a>系统维护</a>
									</li>
									</ul>
								</div>

								<div class="has_children">
									<span class="title">信息审核</span>
									<ul>
									<li>
										<a>基本信息审核</a>
									</li>
									<li>
										<a>贷款材料审核</a>
									</li>
									<li>
										<a>客户信用审核</a>
									</li>
									<li>
										<a>其他材料审核</a>
									</li>
									<li>
										<a>贷款审批</a>
									</li>
									</ul>
								</div>
								<div class="has_children">
									<span class="title">风险分析</span>
									<ul>
									<li>
										<a href="risk/companyExample.jsp" target="I2">财务因素分析</a>
										</li>
										<li>
											<a>非财务因素分析</a>
											</li>
											<li>
												<a>担保分析</a>
												</li>
												<li>
													<a>信用评级分析</a>
													</li>
													
													</ul>
								</div>

							</div>
						</td>
						</tr>

						<tr>
						
							<td height="25" background="images/list_task.jpg">
								<span class="style3"><a href="#">任务管理</a> </span>
							</td>
						</tr>
						
						<tr>
							<td>
								&nbsp;
							</td>
						</tr>
						<tr>
							<td height="25" background="images/list_task.jpg">
							<div class="panel">
								<p style="font-size: 12px">中科大商业银行 - 领先的国内高校银行</p>
                                <p style="font-size: 12px">在中科大商业银行，你可以享受有着雄厚科技基础的资金服务。</p>
								</div>
								<span class="style2" >公告栏</span>
								
							</td>
						</tr>
						<tr>
							<td height="25" background="images/list_task.jpg">
								<span class="style1"><a href="#">即时消息</a> </span>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>
